<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
a,
b,
p,
li,
*:before,
*:after,
#gotop,
.message ul li label,
.message input[type=submit],
.message input[type=reset],
#chatToolBox {
	transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
}

.news .item .info .title,
.message .title .tr {
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	white-space: nowrap;
}

button,
input,
optgroup,
select,
textarea,
label,
.toolMask .toolTop,
.slideList li,
.share a:before,
#container,
.message .title .tl,
.message .title .tr,
.message ul,
.procon .tag .tagList li,
#footerToolBar li {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.justify {
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0px;
	font-size: 0px;
}
#main_case .list .box{height:316px; border:#CCC 1px;border: solid 1px #acacac; margin-top:10px;}
.prolia{ display:block;}
.justify:after {content: '';height: 0px;width: 100%;display: inline-block;overflow: hidden;}

.justify .line {
	display: inline-block;
	height: 0px;
	overflow: hidden;
}

.justify &gt; * {
	text-align: left;
	font-size: 14px;
}

.justify .box {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.box.justify {
	text-align: justify;
}

#wrap_two {
	font-family: impact, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;
}


/*  reset style  */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
	display: block;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
button,
textarea,
p,
blockquote,
table,
figure {
	padding: 0;
	margin: 0;
}

input:focus,
textarea:focus,
button:focus,
area:focus {
	outline: none;
}

*:before,
*:after {
	text-align: inherit;
}

fieldset,
img,
abbr,
acronym,
a img {
	border: 0px none;
}

ol,
ul,
li,
figure {
	list-style: none;
}

address,
caption,
cite,
code,
dfn,
th,
var {
	font-weight: normal;
	font-style: normal;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
}

q:before,
q:after {
	content: '';
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table td,table th {text-align: center;word-wrap: break-word;word-break: break-all;}

table th {
	background: #ddd;
	font-weight: bold;
}

img {max-width: 100%;height: auto;width: auto\9;}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button {
	overflow: visible;
}

textarea,
pre {
	overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

a[href],
label[for],
select {
	cursor: pointer;
}

a,
input,
div,
textarea,
span {
	-webkit-tap-highlight-color: transparent;
}

a {
	text-decoration: none;
	color: #333;
}

a:active,
a:hover {
	outline: 0;
}

sup,
sub {
	vertical-align: baseline;
	position: relative;
	font-size: 75%;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

svg:not(:root) {
	overflow: hidden;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}


/*  common style  */

@font-face {
	font-family: "icomoon";
	src: url("../font/icomoon.woff");
	src: url("../font/icomoon.woff") format("embedded-opentype"), url("../font/icomoon.woff") format("woff"), url("../font/icomoon.ttf") format("truetype"), url("../font/icomoon.svg#$font") format("svg");
	font-variant: normal;
	text-transform: none;
	font-style: normal;
}

@font-face {
	font-family: 'BebasRegular';
	src: url("../footerbox/bebas.eot");
	src: url("../footerbox/bebas.eot") format("embedded-opentype"), url("../footerbox/bebas.woff") format("woff"), url("../footerbox/bebas.ttf") format("truetype"), url("../footerbox/bebas.svg#BebasRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "impact";
	src: url("../font/impact.eot");
	src: url("../font/impact.eot") format("embedded-opentype"), url("../font/impact.woff") format("woff"), url("../font/impact.ttf") format("truetype"), url("../font/impact.svg#$font") format("svg");
	font-variant: normal;
	text-transform: none;
	font-style: normal;
}

@font-face {
	font-family: "ARVO-REGULAR";
	src: url("../font/ARVO-REGULAR.eot");
	src: url("../font/ARVO-REGULAR.eot") format("embedded-opentype"), url("../font/ARVO-REGULAR.woff") format("woff"), url("../font/ARVO-REGULAR.ttf") format("truetype"), url("../font/ARVO-REGULAR.svg#$font") format("svg");
	font-variant: normal;
	text-transform: none;
	font-style: normal;
}

body {
	line-height: 1.5;
	font-family: Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;
	font-size: 14px;
	color: #333;
	overflow-x: hidden;
}


/* input[type="text"] , textarea{ color:#999; text-align:left;}

input[type="text"].focusOn , textarea.focusOn{ color:#333;} */

input[type="text"],
textarea {
	text-align: left;
	background: transparent;
}

input[type="text"]:focus,
input[type="text"].focusOn,
textarea:focus,
textarea.focusOn {
	background: #fff;
}

.pageNum {
	margin: 1% 0;
	display: inline-block;
}

.pageNum a,
.pageNum span {
	font-size: 12px;
	line-height: 16px;
	padding: 6px 11px;
	display: inline-block;
	margin-right: 6px;
	margin-bottom: 7px;
	border: 1px solid #d7d7d5;
	color: #000;
}

.pageNum a:hover,
.pageNum .cur {
	color: #fff;
	background: #1F87E8;
}

.share a {
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	text-align: center;
}

.share a:before {
	font-family: 'icomoon';
	display: inline-block;
	font-size: 23px;
	text-align: center;
	vertical-align: middle;
	color: #B8B8B8;
	height: 31px;
	line-height: 31px;
	border-radius: 50%;
	padding: 0 5px;
	min-width: 31px;
	margin-left: 10px;
}

.share a:hover:before {
	color: #DA263B;
}

.share a.facebook:before {
	content: '\e62c';
}

.share a.linkedin:before {
	content: '\e630';
}

.share a.twitter:before {
	content: '\e62b';
	font-size: 20px;
}

.share a.google:before {
	content: '\e62d';
}

.share a.youtube:before {
	content: '\e634';
}

.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
	clear: both;
	visibility: hidden;
	height: 0;
}

#gotop {
	cursor: pointer;
	position: fixed;
	width: 35px;
	height: 41px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	background: #000;
	filter: alpha(opacity=60);
	opacity: 0.6;
	bottom: 3%;
	right: 2%;
	border-radius: 5px;
	z-index: 9999;
	text-transform: capitalize;
}

#gotop:hover {
	opacity: 0.75;
}

#gotop:before {
	content: "\e627";
	display: block;
	font-family: icomoon;
	text-align: center;
	background-image: none;
	font-size: 12px;
	margin-top: 2px;
	height: 16px;
}

@media screen and (max-width: 760px) {
	#gotop {
		bottom: 11%;
	}
}

.prenext {
	color: #DA263B;
}

.prenext b {
	font-size: 14px;
	color: #DA263B;
	font-weight: normal;
	padding-right: 3px;
	text-transform: capitalize;
}

.prenext a {
	font-size: 14px;
	color: #DA263B;
	font-weight: normal;
}

iframe[name='google_conversion_frame'] {
	height: 0 !important;
	width: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	margin-top: -13px;
	float: left;
}

object[id^="tq_as"] {
	overflow: hidden;
	margin: 0;
	height: 0 !important;
}

#container {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}

.center {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width: 1200px) {
	.center {
		width: 95%;
	}
}

#head {padding-top: 10px; padding-bottom:5px;}

@media screen and (max-width: 860px) {
	#head {
		padding-top: 50px;
	}
	#head .center {
		text-align: center;
	}
	#head #logo {
		width: 20%;
	}
	#head #share {
		width: 100%;
		margin-left: 0;
		text-align: center;
		margin-top: 10px;
	}
	#head #lang {
		width: 100%;
		text-align: center;
		margin-top: 10px;
		height: 40px;
	}
}

#share {
	margin-left: 13.5%;
	margin-top: 22px;
}

@media screen and (max-width: 1200px) {
	#share {
		margin-left: 0;
	}
}

#lang {
	width: 25%;
	margin-top: 25px;
}

#lang a {
	display: inline-block;
	margin-left: 15px;
	font-size: 12px;
	color: #7E7E7E;
}

#lang a:hover {
	color: #DA263B;
}

#lang img {
	display: inline-block;
	width: 24px;
	vertical-align: top;
	margin-right: 5px;
}

@media screen and (max-width: 1200px) {
	#lang {
		width: 35%;
	}
}

#menu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: #595959;
	border-bottom: 2px solid #3C3C3C;
	border-top: 2px solid #3C3C3C;
	font-size: 20px;
	color: #fff;
	padding: 3px 0;
	cursor: pointer;
	width: 100%;
	text-transform: capitalize;
	text-align: center;
	z-index: 960;
	left: 0;
	font-weight: bold;
}

#menu:after {
	content: '\e637';
	display: inline-block;
	font-family: icomoon;
	font-size: 22px;
	color: #fff;
	margin-left: 5px;
	vertical-align: middle;
	font-weight: normal;
}

@media screen and (max-width: 860px) {
	#menu {
		display: block;
	}
}

#nav {
	position: relative;
	text-align: center;
}

#nav:before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: url(../images/navbg.png) repeat left top;
	background: -webkit-linear-gradient(top, #5D5D5D, #242424);
	background: -moz-linear-gradient(top, #5D5D5D, #242424);
	background: -o-linear-gradient(top, #5D5D5D, #242424);
	background: -ms-linear-gradient(top, #5D5D5D, #242424);
	background: linear-gradient(top, #5D5D5D, #242424);
	z-index: -2;
}

#nav ul {
	display: inline-block;
}

#nav ul li {
	float: left;
}

#nav ul li.selected a:after,
#nav ul li:hover a:after {
	content: '';
	width: 200%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/nav.png) no-repeat left top;
	height: 100%;
	z-index: -1;
}

#nav ul li:first-child a {
	border-left: 0px none;
}

#nav ul li a {
	color: #fff;
	font-size: 19px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	border-left: 1px solid #3C3C3C;
	padding: 15px 38px;
	position: relative;
}

@media screen and (max-width: 1366px) {
	#nav ul li a {
		font-size: 16px;
	}
}

@media screen and (max-width: 1200px) {
	#nav .center {
		width: 100%;
	}
	#nav ul {
		width: 100%;
	}
	#nav ul li {
		width: 25%;
	}
	#nav ul li a {
		text-transform: capitalize;
		padding: 8px 0;
		border-top: 1px solid #3C3C3C;
	}
}

@media screen and (max-width: 860px) {
	#nav {
		display: none;
		position: fixed;
		top: 40px;
		width: 100%;
		z-index: 950;
	}
	#nav ul li {
		width: 100%;
	}
}

#banner {
	max-width: 1920px;
	position: relative;
	max-height: 510px;
}

#banner:before {
	content: '';
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 10px;
	z-index: -1;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

#banner .item {
	position: relative;
}

#banner .item &gt; a {
	position: absolute;
	display: inline-block;
	width: 146px;
	height: 61px;
	line-height: 61px;
	background: #FFF;
	color: #000;
	text-transform: capitalize;
	font-size: 20px;
	text-align: center;
	left: 50%;
	top: 71%;
	margin-top: -20px;
	margin-left: -72px;
	opacity:0.9;
}

#banner .slick-prev,
#banner .slick-next {
	font-size: 45px;
	top: 71%;
	width: 200px;
	opacity: 1;
	height: 61px;
	line-height: 61px;
}

#banner .slick-prev {
	/*left: 50%;
	margin-left: -273px;
	background: url(../images/prev.png) top right no-repeat;*/
}

#banner .slick-next {
	/*right: 50%;
	margin-right: -275px;
	background: url(../images/next.png) no-repeat left top;*/
}

/*#banner .slick-prev:before {
	content: '\e63b';
	color: #fff;
	text-align: right;
	left: -40px;
}

#banner .slick-next:before {
	content: '\e63c';
	color: #fff;
	text-align: left;
	left: 40px;
}*/

@media screen and (max-width:720px) {
	#banner .slick-prev,
	#banner .slick-next {
		visibility: hidden;
	}
	#banner .item &gt; a {
		height: 24px;
		line-height: 24px;
		font-size: 16px;
	}
	#banner .slick-dots li {
		margin: 0 5px;
	}
	#banner .slick-dots {
		margin-bottom: 6px;
	}
	#banner .slick-dots li button {
		width: 12px;
		height: 12px;
	}
}

@media screen and (max-width:450px) {
	#banner {
		width: 140%;
		margin-left: -20%;
	}
	#banner .item &gt; a {
		display: none;
	}
}

#warp_one {
	position: relative;
	margin-top: 50px;
}

#warp_one:before {
	content: '';
	width: 395px;
	height: 120px;
	background: #fff;
	position: absolute;
	top: -82px;
	left: 50%;
	margin-left: -200px;
	border-radius: 50%;
}

@media screen and (max-width: 1200px) {
	#warp_one:before {
		display: none;
	}
}

.mtop {
	border-bottom: 1px solid #ccc;
	line-height: 1.4;
	margin-bottom: 30px;
}

.mtop .title {
	font-size: 30px;
	text-transform: uppercase;
	color: #6E6E6E;
	font-weight: bold;
	padding-left: 50px;
	background: url(../images/ok.png) no-repeat left center;
}

.mtop .title span {
	font-size: 16px;
	display: inline-block;
}

.mtop .more {
	vertical-align: bottom;
}

.mtop .more a {
	color: #da2538;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 14px;
	display: block;
}

@media screen and (max-width: 1366px) {
	.mtop .title {
		font-size: 22px;
		background-size: 28px;
		padding-left: 40px;
	}
}

@media screen and (max-width: 880px) {
	.mtop {
		margin-bottom: 20px;
	}
	.mtop .title {
		font-size: 18px;
		background-position: left top;
		padding-bottom: 4px;
	}
}

#main_case {
	width: 74.75%;
	position: relative;
}

#main_case .list .box,
#main_case .list .line {width: 31%;}
#main_case .list .box a {display: block;margin-bottom: 15px;color: #7E7E7E;text-align: center;}
#main_case .list .box a:hover {color: #DA263B;}

@media screen and (max-width: 980px) {
	#main_case {
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	#main_case .list .box {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
}

#main_news {
	width: 22.83333%;
}

#main_news .list .item:first-child {
	padding-bottom: 10px;
}

#main_news .list .item {
	padding-bottom: 5px;
	margin-bottom: 11px;
	border-bottom: 1px dashed #ccc;
	position: relative;
}

#main_news .list .left {
	width: 40.14599%;
	display: inline-block;
	vertical-align: top;
	margin-right: 6.20438%;
}

#main_news .list .right {
	width: 51.45985%;
	display: inline-block;
	vertical-align: top;
}

#main_news .list .right .time {
	position: absolute;
	bottom: 5px;
	right: 0;
}

#main_news .list .info {
	color: #7E7E7E;
	max-height: 37px;
	display: block;
	line-height: 1.3;
	overflow: hidden;
}

#main_news .list .info:hover {
	color: #DA263B;
}

#main_news .list .time {
	display: block;
	text-align: right;
	color: #7E7E7E;
	margin-top: 5px;
}

@media screen and (max-width: 980px) {
	#main_news {
		width: 100%;
	}
	#main_news .list .item:first-child {
		padding-bottom: 0;
	}
	#main_news .list .left {
		display: none;
	}
	#main_news .list .right {
		width: 100%;
		display: block;
	}
	#main_news .list .right .time {
		position: relative;
	}
}

#wrap_two {
	background: url(../images/big.jpg) no-repeat left top;
	margin-top: 35px;
	padding: 60px 0;
	margin-bottom: 30px;
}

#wrap_two .tip {
	display: inline-block;
	width: 64.58333%;
	margin-right: 3.5%;
	vertical-align: middle;
}

#wrap_two .tip p {
	display: block;
	color: #fff;
	font-size: 60px;
	text-transform: uppercase;
	line-height: 1;
}

#wrap_two .tip .right {
	text-align: right;
	padding-right: 2px;
}

#wrap_two .year {
	display: inline-block;
	font-size: 123px;
	color: #35AFFF;
	line-height: 1;
	vertical-align: middle;
}

#wrap_two .img {
	display: inline-block;
	vertical-align: middle;
}

@media screen and (max-width: 1366px) {
	#wrap_two {
		padding: 40px 0;
	}
	#wrap_two .tip p {
		font-size: 40px;
	}
	#wrap_two .year {
		font-size: 80px;
	}
	#wrap_two .img {
		width: 35px;
	}
}

@media screen and (max-width: 980px) {
	#wrap_two {
		text-align: center;
	}
	#wrap_two .tip {
		width: auto;
	}
	#wrap_two .tip p {
		font-size: 28px;
	}
	#wrap_two .year {
		font-size: 50px;
	}
	#wrap_two .img {
		width: 25px;
	}
}

@media screen and (max-width: 660px) {
	#wrap_two .tip {
		display: inline;
	}
	#wrap_two .tip p,
	#wrap_two .year {
		font-size: 24px;
		display: inline;
		vertical-align: top;
		line-height: 1.3;
	}
	#wrap_two .img {
		display: none;
	}
}

#main_inqy {
	width: 49.16667%;
}

#main_inqy .list .box {width: 30%;
height: 300px;
position: relative;
display: table-cell;
text-align: center;
vertical-align: middle;
}
#main_inqy .list .box img{ max-height:300px;}

#main_inqy .list .box a {
	display: block;
	color: #7E7E7E;
	margin-bottom: 10px;
}

#main_inqy .list .box a:hover {
	color: #DA263B;
}

@media screen and (max-width: 980px) {
	#main_inqy {
		width: 100%;
		margin-bottom: 20px;
	}
	#main_inqy .list .box {
		text-align: center;
	}
}

@media screen and (max-width: 460px) {
	#main_inqy .list .box {
		width: 100%;
		margin-bottom: 10px;
	}
}

#main_us {
	width: 48.33333%;
}

#main_us .m_about {
	width: 50.86207%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1%;
	text-align: left;
}

#main_us .m_about img {
	display: inline-block;
	margin-bottom: 12px;
}

#main_us .m_about .info {
	display: block;
	color: #7E7E7E;
	line-height: 1.6;
	text-align: left;
}

#main_us .m_about .more {
	display: inline-block;
	color: #da2538;
	border: 3px solid #da2538;
	padding: 7px 28px;
	text-transform: capitalize;
	margin-top: 10px;
}

#main_us .m_video {
	width: 46.89655%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

#main_us .m_video .vv {
	position: relative;
}

#main_us .m_video .vv img {
	width: 100%;
}

#main_us .m_video .vv a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../images/vv.png) no-repeat center;
	background-size: cover;
}

#main_us .m_video p {
	color: #7E7E7E;
	display: block;
	margin-top: 10px;
}

@media screen and (max-width: 980px) {
	#main_us {
		width: 100%;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 460px) {
	#main_us .box {
		width: 100%;
		margin-bottom: 10px;
	}
}

#footer {
	background: -webkit-linear-gradient(top, #4F4F4F, #3A3A3A);
	background: -moz-linear-gradient(top, #4F4F4F, #3A3A3A);
	background: -o-linear-gradient(top, #4F4F4F, #3A3A3A);
	background: -ms-linear-gradient(top, #4F4F4F, #3A3A3A);
	background: linear-gradient(top, #4F4F4F, #3A3A3A);
	filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#FF4F4F4F', endColorStr='#FF3A3A3A', gradientType='0');
	padding-top: 55px;
	position: relative;
	margin-top: 30px;
}

#footer:before {
	width: 96%;
	height: 1px;
	background: #5B5B5B;
	position: absolute;
	left: 2%;
	top: 95px;
	content: '';
}

#footer:after {
	width: 96%;
	height: 1px;
	background: #5B5B5B;
	position: absolute;
	left: 2%;
	bottom: 65px;
	content: '';
}

#footer .box {
	width: 32.1%;
}

#footer .box .title {font-size: 20px;text-transform: capitalize;color: #fff;margin-bottom: 30px;}
#footer .box .title a{color: #fff;}
#footer .box .title a:hover{color: #DA263B;}
#footer .box ul li{ line-height:28px;}
#footer .box ul li a {color: #E2E2E2;font-size: 14px;display: block;padding-bottom: 2px;text-transform: capitalize; float: left;width: 70%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
#footer .box ul li span{color: #E2E2E2; float:right;}

#footer .box ul li:hover a {
	color: #DA263B;
}

#footer .share .twitter:before {
	font-size: 20px;
}

#footer .share a {
	text-align: left;
	margin: 0;
	padding: 0;
}

#footer .share a:before {
	color: #fff;
	font-size: 25px;
	padding: 0;
	margin: 0;
	margin-right: 50px;
	margin-bottom: 18px;
}

#footer .share a:hover:before {
	color: #DA263B;
}

#footer form {
	display: block;
	width: 100%;
	position: relative;
}

#footer form li {
	position: relative;
}

#footer form input[type=text],
#footer form textarea {
	width: 100%;
	color: #fff;
	background: transparent;
	border: 1px solid #696969;
	padding: 4px 0 4px 5px;
	margin-bottom: 8px;
	line-height: 1;
	z-index: 2;
	position: relative;
}

#footer form input[type=text]:focus,
#footer form input[type=text].focusOn,
#footer form textarea:focus,
#footer form textarea.focusOn {
	background: #434343;
}

#footer form textarea {
	height: 65px;
}

#footer form input[name="code"] {
	width: 88px;
	vertical-align: bottom;
	margin-right: 5px;
}

#footer form span.code {
	display: inline-block;
}

#footer form input[type="submit"] {
	position: absolute;
	right: 0;
	color: #fff;
	border: 0px none;
	padding: 4px 22px;
	background: #DA263B;
}

#footer form label {
	position: absolute;
	background: transparent;
	color: #fff;
	top: 2px;
	left: 5px;
	z-index: 1;
}

#footer .foot_nav {
	text-align: center;
	margin-top: 20px;
}

#footer .foot_nav ul {
	display: inline-block;
}

#footer .foot_nav ul li {
	float: left;
}

#footer .foot_nav ul li a {
	color: #fff;
	text-transform: capitalize;
	font-size: 16px;
	display: block;
	padding: 20px 38px;
}

#footer .foot_nav ul li:hover a {
	color: #DA263B;
}

@media screen and (max-width: 1180px) {
	#footer form input[type="submit"] {
		position: relative;
		margin-top: 5px;
	}
}

@media screen and (max-width: 980px) {
	#footer {
		padding: 20px 0;
	}
	#footer:before,
	#footer:after {
		display: none;
	}
	#footer .box .title {
		margin-bottom: 5px;
		font-size: 16px;
	}
	#footer .foot_nav {
		display: none;
	}
	#footer .share a:before {
		font-size: 20px;
		margin: 10px;
	}
}

@media screen and (max-width: 780px) {
	#footer .box {
		width: 48%;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 460px) {
	#footer .box {
		width: 100%;
	}
}

#copyright {
	background: #181818;
	padding: 31px 0;
}

#copyright .box {
	color: #fff;
	font-size: 14px;
	text-transform: capitalize;
}

#copyright .copy {width: 61.25%;text-align: center;}
#copyright .copy a{ color:#fff;}
#copyright .copy a:hover {color: #DA263B;}
#copyright .supp {width: 26.41667%;}
#copyright .supp a {color: #fff;}
#copyright .supp a:hover {color: #DA263B;}
#copyright .supp2 {width: 100%;padding-top: 10px;}
#copyright .supp2 a {color: #fff;}
#copyright .supp2 a:hover {color: #DA263B;}

@media screen and (max-width: 768px) {
	#copyright {
		padding-bottom: 65px;
		padding-top: 10px;
	}
	#copyright .box {
		width: 100%;
		text-align: left;
	}
}

#location {
	padding: 12px 0;
}

#location a {
	color: #333;
	font-size: 14px;
	text-transform: capitalize;
}

#here {
	background: url(../images/loca.jpg) no-repeat left top;
	padding: 89px 0;
	margin-bottom: 38px;
}

#here .center {
	color: #fff;
	text-transform: capitalize;
	font-size: 40px;
	line-height: 1.2;
}

@media screen and (max-width: 1366px) {
	#here {
		padding: 50px 0;
	}
	#here .center {
		font-size: 32px;
	}
}

@media screen and (max-width: 560px) {
	#here {
		padding: 20px 0;
	}
	#here .center {
		font-size: 20px;
	}
}

#MLcon {
	width: 22.41667%;
	left: left;
}

#MLcon .title {
	font-size: 24px;
	color: #1E87E8;
	text-transform: capitalize;
	margin-bottom: 20px;
	line-height: 1;
}

#MLcon ul &gt; li {
	position: relative;
}

#MLcon ul &gt; li &gt; a {
	display: block;
	color: #818181;
	border-bottom: 1px solid #E7E7E7;
	text-transform: capitalize;
	padding: 6px 0;
	margin-bottom: 18px;
}

#MLcon ul &gt; li &gt; ul {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	border-left: 1px solid #fff;
	display: none;
	z-index: 99;
}

#MLcon ul &gt; li:hover &gt; ul {
	display: block;
}

#MLcon ul &gt; li &gt; ul &gt; li &gt; a {
	background: #1E87E8;
	color: #fff;
	padding: 6px 10px;
	margin-bottom: 0px;
}

#MLcon ul &gt; li &gt; ul &gt; li:hover &gt; a {
	background: #0E74D0;
}

#MLcon ul &gt; li.selected &gt; a,
#MLcon ul &gt; li:hover &gt; a {
	padding-left: 10px;
	color: #fff;
	background: #1E87E8;
}

#MLcon .left_one {
	margin-bottom: 25px;
}

@media screen and (max-width: 920px) {
	#MLcon {
		width: 100%;
		float: none;
	}
	#MLcon .left_one {
		width: 48%;
		display: inline-block;
		vertical-align: top;
	}
	#MLcon .left_one ul &gt; li &gt; a {
		margin-bottom: 0;
	}
	#MLcon .left_one ul &gt; li:hover ul {
		display: none;
	}
	#MLcon .left_one ul &gt; li &gt; ul {
		position: relative;
		left: 0;
		top: 100%;
		margin-top: 0;
	}
}

@media screen and (max-width: 660px) {
	#MLcon .left_one {
		width: 100%;
		margin-bottom: 25px;
	}
	#MLcon .left_one .title {
		margin-bottom: 5px;
	}
}

#MRcon {width:100%;float: right;margin-top: -2px;padding-top: 20px;}

@media screen and (max-width: 920px) {
	#MRcon {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
}

.product .box,
.product .line {
	width: 31%;
}

.product .box {
	margin-bottom: 20px;
}

.product .box img {
	border-radius: 6px;
	display: block;
	width: 100%;
}

.product .box a {
	display: block;
	margin-bottom: 5px;
	color: #333333;
	text-transform: capitalize;
	text-align: center;
}

.product .box a:hover {
	color: #1E87E8;
}

@media screen and (max-width: 680px) {
	.product .box,
	.product .line {
		width: 45%;
	}
}

@media screen and (max-width: 450px) {
	.product .box,
	.product .line {
		width: 100%;
	}
}

.news .item {
	padding-bottom: 18px;
	margin-bottom: 28px;
	border-bottom: 1px solid #E5E5E5;
	position: relative;
}

.news .item .img {
	width: 17.03371%;
}

.news .item .img img {
	width: 100%;
	display: block;
	border-radius: 5px;
	background: #F3F3F3;
}

.news .item .info {
	width: 100%;
}

.news .item .info .title {
	font-size: 16px;
	color: #333;
	padding-top: 5px;
	margin-bottom: 15px;
}

.news .item .info .title:hover {
	color: #1E87E8;
}

.news .item .info .info {
	display: block;
	color: #404040;
	font-size: 12px;
	max-height: 36px;
	overflow: hidden;
}

.news .item .info .more {
	position: absolute;
	bottom: 17px;
	display: inline-block;
	color: #fff;
	background: #1E87E8;
	padding: 5px 24px;
	border-radius: 4px;
	text-transform: capitalize;
}

.news .item .info .time {
	position: absolute;
	bottom: 15px;
	right: 0;
	font-size: 12px;
}

@media screen and (max-width: 860px) {
	.news .item .info .title {
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 720px) {
	.news .item .img {
		display: none;
	}
	.news .item .info {
		width: 100%;
	}
	.news .item .info .more {
		position: relative;
		bottom: 0;
		margin-top: 10px;
	}
}

.newscon .title {
	font-size: 20px;
	color: #333;
	text-align: center;
	margin-bottom: 25px;
}

.newscon .time {
	padding-bottom: 4px;
	font-size: 12px;
	color: #333;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 10px;
}

.newscon .info {
	color: #404040;
	margin-top: 15px;
	margin-bottom: 30px;
}

.faq .item {
	padding: 15px 0;
	border-bottom: 1px dashed #B4B4B4;
}

.faq .info {
	padding-left: 25px;
	width: cal(655px, $rightW);
	position: relative;
}

.faq .info a {
	color: #4f4f4f;
}

.faq .info a:hover {
	color: $color;
}

.faq .info a:before {
	content: '\e642';
	font-family: icomoon;
	display: inline-block;
	color: #A7A7A7;
	position: absolute;
	left: 0;
	font-size: 28px;
	top: -3px;
	line-height: 1;
}


}
.faq .time {
	color: #828282;
	width: cal(150px, $rightW);
	text-align: right;
}
@media screen and (max-width: 820px) {
	.item .info,
	.item .time {
		width: 100%;
	}
}
#contact .tip {
	font-size: 20px;
	text-align: center;
	color: #666;
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#contact .left {
	width: 22.25%;
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
}
#contact .left li {position: relative;zoom: 1;margin-bottom: 10px;height:20px;}
#contact .left span {display: block;float: left;min-width: 50px;color: #1E87E8;margin-right: 5px;line-height: 20px;}
#contact .left p {
	display: block;
	overflow: hidden;
}
#contact .right {
	width: 75%;
	display: inline-block;
	vertical-align: top;
}
#contact .map {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.clear {
	clear: both;
}
@media screen and (max-width: 980px) {
	#contact .left {
		width: 100%;
		margin-bottom: 10px;
	}
	
	#contact .right {
		width: 100%;
	}
}
.message .title .tl {
	width: 20%;
	display: inline-block;
	float: left;
	background: #1E87E8;
	text-align: center;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
}
.message .title .tr {
	width: 80%;
	background: #EDEDED;
	color: #aaa;
	text-align: left;
	font-size: 14px;
	float: right;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	padding-left: 20px;
}
@media screen and (max-width: 740px) {
	.message .title .tl {
		width: 100%;
	}
	
	.message .title .tr {
		display: none;
	}
}
.message form {
	border: 1px solid #DBDBDB;
	border-top: 0px none;
	display: block;
}
.message ul {
	padding: 30px;
	padding-bottom: 5px;
}
@media screen and (max-width: 630px) {
	.message ul {
		padding: 10px;
	}
}
.message ul li {
	width: 48%;
	position: relative;
	margin-bottom: 15px;
	color: #919191;
}
.message ul li span.must {
	position: absolute;
	right: 4px;
	top: 1px;
	z-index: 12;
	color: #FF0000;
}
.message ul li input[type=text] {
	border: 1px solid #DBDBDB;
	padding: 13px 6px 13px 6px;
	width: 100%;
	font-size: 14px;
	position: relative;
	z-index: 2;
	line-height: 1;
	color: #333;
}
.message ul li label {
	position: absolute;
	top: 5px;
	left: 0;
	padding-left: 7px;
	color: #919191;
	font-size: 14px;
	text-transform: capitalize;
	z-index: 1;
	width: 100%;
}
.message ul li input[type=text]:focus {
	padding: 4px 6px 22px 6px;
	border-color: #1E87E8;
}
.message ul li input[type=text]:focus + label,
.message ul li textarea:focus + label {
	top: 100%;
	font-size: 12px;
	color: #fff;
	margin-top: -16px;
	background: #1E87E8;
	z-index: 15;
}
@media screen and (max-width: 630px) {
	.message ul li {
		width: 100%;
	}
}
.message ul li input[name=code] {
	width: 89px;
	padding: 0;
	height: 32px;
	line-height: 32px;
	padding-left: 5px;
	vertical-align: middle;
}
.message ul li input[name=code]:focus {
	padding: 0;
	padding-left: 5px;
}
.message ul li span.code {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.message .skype img {
	display: inline-block;
	vertical-align: middle;
}
.message .skype p {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}
.message .box.none {
	margin-bottom: 0;
}
.message .block {
	display: block;
	width: 100%;
	position: relative;
	text-align: center;
}
.message .block label {
	text-align: left;
}
.message .block textarea {
	width: 100%;
	border: 1px solid #DBDBDB;
	padding: 6px;
	height: 132px;
	min-height: 100px;
	min-width: 100%;
	position: relative;
	z-index: 2;
}
.message .block textarea:focus {
	border-color: #1E87E8;
}
.message input[type=submit],
.message input[type=reset] {
	width: 95px;
	text-align: center;
	border: 1px solid #ddd;
	background: #fff;
	line-height: 1;
	font-size: 14px;
	padding: 8px 20px;
	color: #aaa;
	margin: 0 10px;
}
.message input[type=submit]:hover,
.message input[type=reset]:hover {
	background: #1E87E8;
	color: #fff;
}
.message ul li select {
	height: 44px;
	width: 100%;
	border: 1px solid #ddd;
}
.message ul li option {
	padding: 10px 0
}
.message ul li.checkbox {
	width: 100%;
}
.message ul li.checkbox p {
	margin-bottom: 10px;
}
.message ul li.checkbox label {
	position: relative;
	color: #333;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 150px;
	display: inline-block;
}
.message ul li.checkbox label input[type=checkbox] {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.procon .mtip {
	font-size: 20px;
	color: #fff;
	background: #1E87E8;
	padding: 6px 15px;
	margin-bottom: 15px;
}
@media screen and (max-width: 640px) {
	.procon .mtip {
		font-size: 16px;
	}
}
.procon .one {
	position: relative;
}
.procon .one .slideHot {
	width: 48.8764%;
}
.procon .one .slideHot .slideList {
	width: 100%;
	display: block;
	margin-top: 10px;
}
.procon .one .slideHot .slideList li {
	width: 23%;
}
@media screen and (max-width: 640px) {
	.procon .one .slideHot {
		width: 100%;
		text-align: center;
	}
}
.procon .one .right {
	width: 45.61798%;
}
.procon .one .right .vd {
	width: 86%;
	position: relative;
	margin-top: 30px;
	overflow: hidden;
}
.procon .addthis_sharing_toolbox {
	margin-top: 70px;
}
.procon .one .right .vd &gt;img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
}
.procon .one .right .vd a {
	width: 100%;
}
.procon .one .right .vd a img {
	display: block;
	width: 100%;
}
@media screen and (max-width: 640px) {
	.procon .one .right {
		width: 100%;
		text-align: center;
	}
	
	.procon .one .right .vd {
		width: 80%;
		margin-left: 10%;
	}
	
	.procon .addthis_sharing_toolbox {
		margin-top: 20px;
	}
}
.procon .one .con {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 20px;
	color: #fff;
	padding: 16px 20px 14px 38px;
	background: #1E87E8;
	vertical-align: middle;
	line-height: 1;
	display: inline-block;
}
@media screen and (max-width: 1200px) {
	.procon .one .con {
		padding: 12px 16px 10px;
		font-size: 16px;
	}
}
@media screen and (max-width: 640px) {
	.procon .one .con {
		position: relative;
		margin-top: 15px;
	}
}
.procon .one .con:after {
	font-family: 'icomoon';
	content: '\e63c';
	font-size: 24px;
	margin-left: 15px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}
.procon .tag {
	margin: 30px 0;
	padding-top: 10px;
}
.procon .tag .tagList li {
	float: left;
	width: 25%;
	border-left: 1px solid #fff;
	margin-bottom: 1px;
	text-transform: capitalize;
	background: #EAEAEA;
	text-align: center;
	color: #A8A8A8;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	padding: 8px 0;
	cursor: pointer;
}
.procon .tag .tagList li:first-child {
	border-left: 0px none;
}
.procon .tag .tagList li.selected {
	background: #1E87E8;
	color: #fff;
}
.procon .tag .tagBox {
	padding: 10px;
	border: 1px solid #ccc;
	border-top: 0px none;
	margin-top: -1px;
}
@media screen and (max-width: 760px) {
	.procon .tag .tagList li {
		width: 100%;
	}
}
.procon .hotpro {
	margin-top: 30px;
}
.procon .hotpro .title {
	font-size: 21px;
	color: #fff;
	display: inline-block;
	background: #1E87E8;
	padding: 4px 20px;
	text-transform: capitalize;
	margin-bottom: 15px;
}
.procon .hotpro .box,
.procon .hotpro .line {
	width: 22.5%;
}
.procon .hotpro .box {
	margin-bottom: 10px;
	text-align: center;
}
.procon .hotpro .box a {
	color: #363636;
	display: block;
	margin-bottom: 10px;
	text-align: center;
}
@media screen and (max-width: 840px) {
	.procon .hotpro .box,
	.procon .hotpro .line {
		width: 47%;
	}
}
@media screen and (max-width: 460px) {
	.procon .hotpro .box,
	.procon .hotpro .line {
		width: 100%;
	}
}

/*  404  */
body.fofGray {
	background: #adb4bf;
}
.fofContainer img,
.fofContainer input,
.fofContainer textarea,
.fofContainer select,
.fofContainer button,
.fofContainer table,
.fofCenter,
.fofWrap input,
.fofSearch,
.fofLeft img {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.fofCenter,
.fofCenter .fofRight &gt; dl {
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0px;
	font-size: 0px;
}
.fofCenter:after,
.fofCenter .fofRight &gt; dl:after {
	content: '';
	height: 0px;
	width: 100%;
	display: inline-block;
	overflow: hidden;
}
.fofCenter .line,
.fofCenter .fofRight &gt; dl .line {
	display: inline-block;
	height: 0px;
	overflow: hidden;
}
.fofCenter &gt; *,
.fofCenter .fofRight &gt; dl &gt; * {
	text-align: left;
	font-size: 12px;
}
.fofCenter .box,
.fofCenter .fofRight &gt; dl .box {
	display: inline-block;
	vertical-align: top;
}
.box.fofCenter,
.fofCenter .fofRight &gt; dl.box {
	text-align: justify;
}
.fofContainer {
	width: 97%;
	max-width: 942px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-bottom: 35px;
	font-family: Arial, Helvetica, San-serif, 'Microsoft YaHei', SimSun;
	font-size: 12px;
	line-height: 1.75;
}
.fofContainer a {
	text-decoration: none;
	color: #9099a2;
}
.fofContainer a:hover {
	color: #9099a2;
}
.fofContainer input:focus,
.fofContainer textarea:focus,
.fofContainer button:focus,
.fofContainer area:focus {
	outline: none;
}
.fofContainer img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	border: 0px none;
}
.fofContainer a:active,
.fofContainer a:hover {
	outline: 0;
}
.fofHeader {
	text-align: center;
}
.fofHeader .fofLogo {
	padding: 16px 0;
	margin: 0 auto;
	text-align: center;
}
.fofHeader .fofLogo a {
	display: inline-block;
	max-width: 210px;
	max-height: 90px;
}
.fofLogo img {
	max-height: 100%;
}
.fofCopy {
	text-align: right;
	color: #fff;
	padding-right: 2%;
	margin-top: 6px;
}
.fofCenter {
	background: #fff;
	border-radius: 7px;
	overflow: hidden;
	border: 1px solid #697076;
	padding: 1.91489%;
	position: relative;
}
.fofCenter &gt; div.box {
	vertical-align: middle;
}
.fofCenter:before {
	content: '';
	width: 1px;
	overflow: hidden;
	position: absolute;
	background: #c4c9ce;
	top: 20px;
	bottom: 20px;
	left: 51.5%;
}
.fofCenter .fofLeft,
.fofCenter .fofRight {
	padding: 8px 0;
	margin: 1.2% 0;
}
.fofCenter .fofLeft {
	width: 49.22566%;
}
.fofCenter .fofRight {
	width: 45.02212%;
}
.fofCenter .fofSearch {
	width: 365px;
	max-width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 9.66292%;
	padding-right: 105px;
	position: relative;
}
.fofCenter .fofSearch input,
.fofCenter .fofSearch button {
	height: 32px;
	border-radius: 6px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.fofCenter .fofSearch input[type="text"] {
	border: 1px solid #9099a2;
	background: #fff;
	box-shadow: inset 0px 5px 9px rgba(186, 194, 205, 0.4);
	width: 100%;
	line-height: 22px;
	padding: 4px 5px;
}
.fofCenter .fofSearch button[type="submit"] {
	background: -webkit-linear-gradient(top, #fa8c2b, #fa8c2b);
	background: -moz-linear-gradient(top, #fa8c2b, #fa8c2b);
	background: -o-linear-gradient(top, #fa8c2b, #fa8c2b);
	background: -ms-linear-gradient(top, #fa8c2b, #fa8c2b);
	background: linear-gradient(top, #fa8c2b, #fa8c2b);
	filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#FFFA8C2B', endColorStr='#FFFA8C2B', gradientType='0');
	line-height: 25px;
	color: #fff;
	border-width: 1px;
	border-type: solid;
	border-color: #fdc797 #985519 #5e340f #f2a35f;
	width: 95px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	text-transform: capitalize;
	font-size: 14px;
	cursor: pointer;
}
.fofCenter .fofLeft img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.fofCenter .fofRight,
.fofCenter .fofRight a {
	color: #9099a2;
}
.fofCenter .fofRight .fofTitle {
	font-size: 22px;
	line-height: 1.2;
	margin-bottom: 6px;
}
.fofCenter .fofRight &gt; p {
	font-size: 13px;
	line-height: 18px;
	overflow: hidden;
	max-height: 72px;
	color: #bac2cd;
}
.fofCenter .fofRight &gt; dl {
	margin-top: 3.25581%;
	padding-top: 14px;
}
.fofCenter .fofRight &gt; dl dt.box {
	font-size: 17px;
	line-height: 1.2;
	margin-bottom: 9px;
	width: 100%;
}
.fofCenter .fofRight &gt; dl dd {
	width: 47%;
	line-height: 15px;
	border-bottom: 1px solid #dfe3e8;
}
.fofCenter .fofRight &gt; dl dd a {
	display: block;
	padding: 6px 0;
}
.fofCenter .fofRight &gt; dl dd a:before {
	content: '→';
	font-size: 13px;
	padding-right: 4px;
	color: #666666;
}
.fofCenter .fofRight &gt; dl dd.box {
	vertical-align: bottom;
}
.fofCenter .fofRight .fofShare {
	padding-top: 12px;
	margin-top: 3.72093%;
}
.fofCenter .fofRight .fofShare span {
	font-size: 17px;
	line-height: 1.2;
}
.fofCenter .fofRight .fofShare span,
.fofCenter .fofRight .fofShare &gt; a {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
}
.fofCenter .fofRight .fofShare &gt; a {
	border-radius: 3px;
	overflow: hidden;
	width: 24px;
}
.fofCenter .fofRight .fofShare &gt; a:last-child {
	margin-right: 0;
}
.fofCenter .fofRight .fofShare .bdsharebuttonbox {
	display: inline-block;
	vertical-align: middle;
	min-width: 160px;
}
@media screen and (max-width: 945px) {
	.fofCenter .fofRight .fofShare &gt; a {
		width: 32px;
	}
	
	.fofCenter .fofRight &gt; dl dd a {
		padding: 10px 0;
	}
}
@media screen and (max-width: 750px) {
	.fofCenter {
		padding: 15px;
	}
	
	.fofCenter:before {
		display: none;
	}
	
	.fofCenter .fofLeft,
	.fofCenter .fofRight {
		width: 100%;
	}
	
	.fofCenter .fofSearch {
		margin-top: 5%;
		margin-bottom: 3%;
	}
	
	.fofCenter .fofLeft img {
		padding-right: 2%;
	}
}
@media screen and (max-width: 500px) {
	.fofCenter .fofRight &gt; dl dd {
		width: 100%;
	}
	
	.fofCenter .fofRight &gt; p {
		line-height: 18px;
		overflow: hidden;
		height: 72px;
		max-height: none;
	}
}

/* toolmask and chatToolBox */
body.clear {
	overflow: hidden;
}
#footerToolBar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 48px;
	background: #232323;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	display: none;
	z-index: 999;
}
#footerToolBar #footerBarClose {
	width: 100px;
	height: 24px;
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -50px;
	cursor: pointer;
	display: none;
}
#footerToolBar #footerBarClose:before {
	content: "\e626";
	font-family: icomoon;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	background: #232323;
	border-radius: 4px 4px 0px 0px;
	overflow: hidden;
}
#footerToolBar li {
	width: 20%;
	height: 45px;
	float: left;
	text-align: center;
	border-color: #fff;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	cursor: pointer;
	margin-top: 2px;
}
#footerToolBar li a {
	display: block;
	height: 45px;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	text-transform: capitalize;
	filter: alpha(opacity=80);
	opacity: 0.8;
	padding-top: 1px;
}
#footerToolBar li a:before {
	content: '';
	width: 30px;
	height: 20px;
	margin: 4px auto;
	display: block;
	background: url(../footerbox/footer-tool.png) no-repeat;
	background-size: 149px;
}
#footerToolBar li:first-child {
	border-left: 0px none;
}
#footerToolBar .footerBarPro a:before {
	background-position: -120px 0px;
}
#footerToolBar .footerBarTel a:before {
	background-position: -90px 0px;
}
#footerToolBar .footerBarEmail a:before {
	background-position: 0px 0px;
}
#footerToolBar .footerBarMessage a:before {
	background-position: -30px 0px;
}
#footerToolBar .footerBarShare a:before {
	background-position: -60px 0px;
}
#footerToolBar.close {
	bottom: -43px;
}
#footerToolBar.close #footerBarClose:before {
	content: '\e627';
}
.toolMask {
	transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	background: #f7f7f7;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 1200;
	margin-left: 100%;
}
.toolMask,
.toolMask a {
	color: #333;
}
.toolMask.moveLeft {
	margin-left: 0;
}
.toolMask .toolTop {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 46px;
	line-height: 45px;
	font-size: 18px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	background: #fcfcfc;
	padding-right: 32px;
}
.toolMask .toolContent {
	position: absolute;
	top: 45px;
	width: 100%;
	left: 0;
	bottom: 5px;
	overflow-y: scroll;
	background: #f7f7f7;
}
.toolMask .toolContent &gt; ul &gt; li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	line-height: 1.2;
	text-transform: capitalize;
	position: relative;
}
.toolMask .toolContent &gt; ul &gt; li a {
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 20px;
}
.toolMask .toolContent &gt; ul &gt; li &gt; a {
	padding-left: 20px;
}
.toolMask .toolContent &gt; ul &gt; li.selected {
	background: #eee;
	border-bottom: 3px solid #dadada;
}
.toolMask .toolContent &gt; ul &gt; li.selected &gt; a {
	background: #eee;
	font-weight: bold;
}
.toolMask .toolContent &gt; ul &gt; li.hasUl &gt; a:after {
	content: '\e622';
	font-family: icomoon;
	color: #999;
	font-size: 18px;
	position: absolute;
	width: 12px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	right: 10px;
	top: 13px;
	font-weight: normal;
}
.toolMask .toolContent &gt; ul &gt; li ul {
	display: none;
}
.toolMask .toolContent &gt; ul &gt; li ul li {
	border-top: 1px dotted #ccc;
	font-size: 12px;
}
.toolMask .toolContent &gt; ul &gt; li ul li a {
	padding-left: 36px;
}
.toolMask .toolContent .ToolListTitle {
	font-size: 15px;
	padding: 10px;
	font-weight: bold;
	background: #e4e4e4;
}
.toolMask .toolContent &gt; ul:last-child {
	padding-bottom: 15px;
}
.toolMask .toolContent &gt; ul:last-child:last-child {
	padding-bottom: 30px;
}
.toolMask #toolCloseBtn {
	position: absolute;
	right: 0;
	top: 0;
	width: 55px;
	height: 42px;
	cursor: pointer;
	z-index: 1210;
}
.toolMask #toolCloseBtn:before {
	content: "\e60e";
	font-family: icomoon;
	font-size: 14px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	color: #fff;
	background: #aaa;
	position: absolute;
	top: 5px;
	right: 5px;
}
.toolMask #toolCloseBtn:hover:before {
	background: #bbb;
}
#chatToolBox {
	position: fixed;
	width: 110px;
	bottom: 90px;
	right: -5px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;
	color: #fff;
	z-index: 990;
}
#chatToolBox a {
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
}
#chatToolBox,
#chatToolBox h3,
#chatToolBox ul,
#chatToolBox li {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
}
#chatToolBox i {
	font-style: normal;
}
#chatToolBox li {
	list-style: none;
	padding-right: 5px;
}
#chatToolBox #chatToolMail a {
	font-size: 40px;
	line-height: 1.1;
	letter-spacing: -1px;
	padding-top: 28px;
	padding-bottom: 22px;
	font-family: BebasRegular, 'Arial Narrow', Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;
}
#chatToolBox .chatToolContact {
	font-size: 16px;
	line-height: 1.25;
	background: #333;
	margin-top: 5px;
	text-transform: capitalize;
}
#chatToolBox .chatToolContact a {
	padding-top: 8px;
	padding-bottom: 8px;
}
#chatToolBox .chatToolContact a img {
	width: 24px;
	vertical-align: middle;
	margin-right: 10px;
}
#chatToolBox:hover {
	right: 0;
}
#chatToolBox #chatToolMail i {
	position: absolute;
	top: 0;
	width: 100%;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: transparent;
	cursor: pointer;
}
#chatToolBox #chatToolMail i:before {
	content: '\e63d';
	font-size: 24px;
	font-family: icomoon;
}
#chatToolBox.hiddenRight {
	right: -110px;
	padding-left: 28px;
}
#chatToolBox.hiddenRight #chatToolMail i {
	width: 28px;
	height: 60px;
	line-height: 60px;
	left: 0;
	background: inherit;
	top: 20px;
}
#chatToolBox.hiddenRight #chatToolMail i:before {
	content: '\e625';
}
#chatToolMail {
	background: #333;
}
@media screen and (max-width: 768px) {
	#chatToolBox {
		display: none;
	}
	
	#footerToolBar,
	.toolMask {
		display: block;
	}
}

/*FooTable*/
.footable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
table.footable td,
table.footable th {
	text-align: center;
	padding: 5px;
	border: 1px solid #ccc;
	word-wrap: break-word;
	word-break: break-word;
}
@media screen and (max-width: 900px) {
	table.footable td,
	table.footable th {
		text-align: left;
	}
}
table.footable .footable-row-detail-cell {
	background: #fff;
}
table.footable th {
	background: #ddd;
	font-weight: bold;
}
.footable.breakpoint &gt; tbody &gt; tr.footable-detail-show &gt; td {
	border-bottom: none;
}
.footable.breakpoint &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
	content: "\e65a";
}
.footable.breakpoint &gt; tbody &gt; tr:hover:not(.footable-row-detail) {
	cursor: pointer;
}
.footable.breakpoint &gt; tbody &gt; tr &gt; td.footable-cell-detail {
	background: #eee;
	border-top: none;
}
.footable.breakpoint &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle {
	display: inline-block;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	padding-right: 5px;
	font-size: 14px;
	color: #999;
}
.footable.breakpoint &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
	content: "\e659";
}
.footable.breakpoint.toggle-circle &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
	content: "\e65e";
}
.footable.breakpoint.toggle-circle &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
	content: "\e65d";
}
.footable.breakpoint.toggle-circle-filled &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
	content: "\e65c";
}
.footable.breakpoint.toggle-circle-filled &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
	content: "\e65b";
}
.footable.breakpoint.toggle-square &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
	content: "\e660";
}
.footable.breakpoint.toggle-square &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
	content: "\e65f";
}
.footable.breakpoint.toggle-square-filled &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
	content: "\e61a";
}
.footable.breakpoint.toggle-square-filled &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
	content: "\e61b";
}
.footable.breakpoint.toggle-arrow &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
	content: "\e00f";
}
.footable.breakpoint.toggle-arrow &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
	content: "\e666";
}
.footable.breakpoint.toggle-arrow-small &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
	content: "\e636";
}
.footable.breakpoint.toggle-arrow-small &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
	content: "\e635";
}
.footable.breakpoint.toggle-arrow-circle &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
	content: "\e66e";
}
.footable.breakpoint.toggle-arrow-circle &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
	content: "\e670";
}
.footable.breakpoint.toggle-arrow-circle-filled &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
	content: "\e662";
}
.footable.breakpoint.toggle-arrow-circle-filled &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
	content: "\e664";
}
.footable.breakpoint.toggle-arrow-tiny &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
	content: "\e622";
}
.footable.breakpoint.toggle-arrow-tiny &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
	content: "\e624";
}
.footable.breakpoint.toggle-arrow-alt &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
	content: "\e66a";
}
.footable.breakpoint.toggle-arrow-alt &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
	content: "\e66c";
}
.footable.breakpoint.toggle-medium &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle {
	font-size: 18px;
}
.footable.breakpoint.toggle-large &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle {
	font-size: 24px;
}
.footable &gt; thead &gt; tr &gt; th {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}
.footable &gt; thead &gt; tr &gt; th.footable-sortable:hover {
	cursor: pointer;
}
.footable &gt; thead &gt; tr &gt; th.footable-sorted &gt; span.footable-sort-indicator:before {
	content: "\e636";
}
.footable &gt; thead &gt; tr &gt; th.footable-sorted-desc &gt; span.footable-sort-indicator:before {
	content: "\e656";
}
.footable &gt; thead &gt; tr &gt; th &gt; span.footable-sort-indicator {
	display: inline-block;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	padding-left: 5px;
}
.footable &gt; thead &gt; tr &gt; th &gt; span.footable-sort-indicator:before {
	content: "\e671";
}
.footable &gt; tfoot .pagination {
	margin: 0;
}
.footable.no-paging .hide-if-no-paging {
	display: none;
}
.footable-row-detail-inner {
	display: table;
}
.footable-row-detail-row {
	display: table-row;
	line-height: 1.5em;
}
.footable-row-detail-group {
	display: block;
	line-height: 2em;
	font-size: 1.2em;
	font-weight: bold;
}
.footable-row-detail-name {
	display: table-cell;
	font-weight: bold;
	padding-right: 0.5em;
}
.footable-row-detail-value {
	display: table-cell;
}
.footable-odd {
	background-color: #f7f7f7;
}

/* fancybox  */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
	position: relative;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
	background-image: url("../fancybox/fancybox_sprite.png");
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url("../fancybox/fancybox_loading.gif") center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url("../fancybox/blank.gif");
	/* helps IE */
	
	-webkit-tap-highlight-color: transparent;
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}
.fancybox-lock body {
	overflow: hidden !important;
}
.fancybox-lock-test {
	overflow-y: hidden !important;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url("../fancybox/fancybox_overlay.png");
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}
.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent;
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, 0.8);
}

/* Slider */
.slick-dots li button,
.slick-prev,
.slick-next {
	transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-loading .slick-list {
	background: #fff url("../images/AjaxLoader.gif") center center no-repeat;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
}
.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}
[dir="rtl"] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
	width: 100%;
	z-index: -1;
	position: relative;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

/* Arrows */
.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 55px;
	width: 33px;
	line-height: 55px;
	font-size: 80px;
	cursor: pointer;
	background: transparent;
	opacity: 0.6;
	filter: alpha(opacity=60);
	top: 50%;
	margin-top: -20px;
	padding: 0;
	border: none;
	outline: none;
	z-index: 902;
	text-indent: 900px;
	overflow: hidden;
	color: #000;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
	opacity: 0.25;
	filter: alpha(opacity=25);
}
.slick-prev:before,
.slick-next:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: 0;
	font-family: "icomoon";
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
	left: 25px;
}
[dir="rtl"] .slick-prev {
	left: auto;
	right: 25px;
}
.slick-prev:before {
	content: "\e625";
	display:none;
}
[dir="rtl"] .slick-prev:before {
	content: "\e628";
}
.slick-next {
	right: 25px;
}
[dir="rtl"] .slick-next {
	left: 25px;
	right: auto;
}
.slick-next:before {
	content: "\e628";
	display:none;
}
[dir="rtl"] .slick-next:before {
	content: "\e625";
}

/* Dots */
.slick-dots {
	position: absolute;
	bottom: 0px;
	margin-bottom: 2px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%;
	z-index: 910;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 10px;
	cursor: pointer;
}
.slick-dots li button {
	border: 0;
	background: #DA263B;
	border-radius: 50%;
	display: block;
	height: 17px;
	width: 17px;
	outline: none;
	font-size: 0;
	cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li.slick-active button {
	background: #363636;
}

/*录入样式开始*/
ul.ent-num li {
	list-style: outside decimal;
	margin-left: 20px
}
ul.ent-dot li {
	list-style: outside disc;
	margin-left: 20px
}
table.table-left td,
table.table-left th {
	text-align: left
}
ul[class^=ent-img] {
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0;
	font-size: 0;
	padding: 8px 0
}
ul[class^=ent-img]:after {
	content: '';
	height: 0;
	width: 100%;
	display: inline-block;
	overflow: hidden
}
ul[class^=ent-img] li.line {
	display: inline-block;
	height: 0;
	overflow: hidden;
	padding: 0;
	margin: 0
}
ul[class^=ent-img] li {
	display: inline-block;
	vertical-align: top;
	font-size: 14px
}
ul[class^=ent-img]:first-child {
	padding-top: 0;
	margin-top: -8px
}
ul[class^=ent-img] li {
	text-align: center;
	line-height: 1.5;
	margin-bottom: 1%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 0;
	line-height: 1.5
}
ul[class^=ent-img] li span {
	display: block;
	margin-top: 4px;
	text-transform: capitalize
}
ul[class^=ent-img] li p {
	margin-top: 4px
}
ul[class^=ent-img] li img {
	vertical-align: bottom
}
ul[class^=ent-img] li dl {
	text-align: left
}
ul[class^=ent-img] li dt {
	font-weight: 700;
	text-transform: capitalize
}
ul[class^=ent-img] li dd,
ul[class^=ent-img] li dt {
	padding-bottom: 2px
}
.ent-img2 li {
	width: 48%
}
.ent-img3 li,
.ent-img3-more li,
.ent-img3-only li {
	width: 31.5%
}
.ent-img4 li {
	width: 23%
}
.ent-img5 li {
	width: 19.2%
}
.ent-img6 li {
	width: 15.6%
}
.ent-img-fl img,
.ent-img-fr img,
.ent-img-left img,
.ent-img-right img {
	max-width: 48%
}
.ent-img-fl img {
	float: left;
	margin-right: 14px
}
.ent-img-fr img {
	float: right;
	margin-left: 14px
}
.ent-img-left img {
	margin-right: 4%;
	float: left
}
.ent-img-right img {
	margin-left: 4%;
	float: right
}
.ent-img-left,
.ent-img-right {
	padding: 15px 0
}
.ent-img-left,
.ent-img-left .ent-text,
.ent-img-right,
.ent-img-right .ent-text {
	overflow: hidden;
	zoom: 1
}
.ent-img-left:first-child,
.ent-img-right:first-child {
	margin-top: -15px
}
.ent-clearfix:after,
.ent-clearfix:before {
	content: "";
	display: table
}
.ent-clearfix:after {
	clear: both
}
.ent-video-wrap {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden
}
.ent-video-wrap.ent-16-9 {
	padding-bottom: 56.25%
}
.ent-video-wrap.ent-4-3 {
	padding-bottom: 75%
}
.ent-video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}
.ent-left {
	float: left;
	margin-right: 15px
}
.ent-right {
	float: right;
	margin-left: 15px
}
.ent-left,
.ent-right {
	margin-bottom: 8px;
	width: 47%
}
@media screen and (max-width:750px) {
	.ent-img5.ent-res li,
	.ent-img6.ent-res li {
		width: 31.5%
	}
	
	.ent-left,
	.ent-right {
		width: 53%
	}
	#rightArrow{ display:none;}
	#floatDivBoxs{ display:none;}
	
	.ent-img-fl img,
	.ent-img-fr img,
	.ent-img-left img,
	.ent-img-right img {
		float: none;
		margin-right: 0;
		margin-left: 0;
		max-width: 100%;
		margin-bottom: 10px;
		display: block;
	}
}
@media screen and (max-width:650px) {
	.ent-img3-more.ent-res li,
	.ent-img3.ent-res li,
	.ent-img4.ent-res li {
		width: 48%
	}
	
	.ent-left,
	.ent-right {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		float: none
	}
}
@media screen and (max-width:520px) {
	.ent-img5.ent-res li,
	.ent-img6.ent-res li {
		width: 48%
	}
}
@media screen and (max-width:460px) {
	.ent-img2.ent-res li,
	.ent-img3-more.ent-res li,
	.ent-img3-only.ent-res li,
	.ent-img3.ent-res li,
	.ent-img4.ent-res li {
		width: 100%
	}
}
.bordered img {
	border: 1px solid #e2e2e2
}
.rounded img {
	border-radius: 5px
}
.ent-c strong {
	text-transform: capitalize
}

/*录入样式结束*/
iframe[name='google_conversion_frame'] {
	height: 0 !important;
	width: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	margin-top: -13px;
	float: left;
}
object[id^="tq_as"] {
	overflow: hidden;
	margin: 0;
	height: 0 !important;
}
[class^="ent-img-f"] {
	*zoom: 1;
}
[class^="ent-img-f"]:before,
[class^="ent-img-f"]:after {
	content: "";
	display: table;
}
[class^="ent-img-f"]:after {
	clear: both;
}
.news_det {
	float: left;
	width: 100%;
}
.news_det h2 {
	text-align: center;
	font-size: 22px;
	line-height: 32px;
	color: #999;
	font-weight: bold;
}
.news_det p {
	text-align: left;
	font-size: 14px;
	line-height: 28px;
	/* color: #999; */
}
.news_det img,.news_det table,.news_det tr,.news_det td,.news_det p,.news_det span,.news_det div,.news_det video,.news_det embed{width:auto !important;height:auto !important;max-width:100% !important;max-height: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;}

.pro_list {
	float: left;
	width: 100%;
}
.pro_list ul {
	float: left;
	width: 100%;
}
.pro_list ul li {
	float: left;
	width: 100%;
	border: 3px solid #e1e1e1;
	margin-bottom: 30px;
}
.pro_list_img {
	float: left;
	width: 50%;
}
.pro_list_img img {
	margin: 8px 11px;
	max-width: 100%;
	height: auto;
	width: auto\9;
}
.pro_list_text {
	float: right;
	max-width: 430px;
	margin: 8px 20px;
}
.pro_list_title h2 {
	font-size: 23px;
	font-weight: bold;
	line-height: 36px;
	color: #4a4a4a;
}
.pro_list_con {
	height: 120px;
	overflow: hidden;
}
.pro_list_con p {
	font-size: 14px;
	line-height: 20px;
	color: #4a4a4a;
}
.pro_list_more {
	text-align: right;
}
.pro_list_more a {
	display: block;
	line-height: 40px;
	font-size: 15px;
	font-weight: bold;
	color: #006aba;
}
.sub_proCover_box {
	background: #f3f3f3;
	padding: 0 15px 30px;
}
.sub_proCover_box .main {
	border-bottom: dashed 1px #adadad;
	padding: 15px 0 0;
}

.sub_proCover_box .main .title_box {
	margin-bottom: 15px;
}
.sub_proCover_box .main .title_box .more {
	float: right;
	display: inline-block;
	width: 60px;
	height: 18px;
	background: #ea352c;
	color: #fff;
	text-align: center;
	line-height: 18px;
}
.sub_proCover_box .main .title_box .more:hover {
	border: solid 1px #ea352c;
	background: none;
	line-height: 16px;
	color: #2b3033;
}
.sub_proCover_box .main .title_box .title {
	font-size: 16px;
	font-weight: bold;
	color: #2b3033;
}
.sub_proCover_box .main .title_box .title:hover {
	color: #ea352c;
}
.sub_proCover_box .main .title_box .title i,
.left_pro #select_btn ul li i {
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../images/icons.png) no-repeat;
	vertical-align: middle;
	margin-right: 10px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}
.sub_proCover_box .main .title_box .title i.icon01,
.left_pro #select_btn ul li i.icon01 {
	background-position: -315px 0;
}
#nynavID{padding: 0 0px 0 15px;}
#nynavID a{font-size: 14px;color: #666;display: block;height: 40px;line-height: 40px;border-bottom: 1px solid #ddd;width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.sub_proCover_box .main .title_box .title i.icon3,
.left_pro #select_btn ul li a i.icon3 {
	background-position: -315px -49px;
}
.sub_proCover_box .main .title_box .title i.icon4,
.left_pro #select_btn ul li a i.icon4 {
	background-position: -315px -96px;
}
.sub_proCover_box .main .title_box .title i.icon5,
.left_pro #select_btn ul li a i.icon5 {
	background-position: -315px -146px;
}
.sub_proCover_box .main ul li {
	margin: 0 0 20px;
}
.sub_proCover_box .main ul li p.pic {padding: 4px;border: solid 1px #acacac;position: relative;width: 180px;height: 180px;display:table-cell;text-align:center;vertical-align:middle;}
.sub_proCover_box .main ul li p.name {text-align: center;padding: 10px 0 0;overflow: hidden;height: 50px;width: 180px;}
.sub_proCover_box .main ul li:hover p.pic {
	border: solid 1px #cf2e26;
}
.sub_proCover_box .main ul li:hover p.name,
.hotPro_box .scroll ul li:hover p {
	color: #cf2e26;
}
.hotPro_box {
	margin: 20px 0 0;
}
.hotPro_box .scroll {padding: 20px 0px 0;}
.hotPro_box .scroll ul li p {
	color: #15171f;
	margin: 10px 0 0;
}
.sub_main_left p.title {
	text-align: center;
}
.sub_main_left p.title a {
	font-size: 20px;
	display: block;
	color: #414141;
}
.left_pro {margin-bottom: 15px;background: url(../images/bg04.jpg) repeat-x;height: auto;padding-bottom: 20px;border: solid 1px #d9d9d9;border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;}
.left_pro p.title a {
	display: block;
	font-size: 20px;
	border-top: solid 8px #cf2e26;
	border-bottom: dashed 1px #d3d3d3;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	line-height: 50px;
	padding: 8px 0 0;
}
.left_pro #select_btn ul li &gt;a {
	display: block;
	padding-left: 52px;
	font-size: 15px;
	color: #252a2e;
	line-height: 30px;
	border-bottom: dashed 1px #d3d3d3;
	padding-top: 5px;
	padding-bottom: 5px;
}
.left_pro #select_btn ul li.current &gt;a {
	color: #cf2e26;
	font-weight: bold;
}
.left_pro #select_btn ul li:hover &gt;a {
	font-weight: bold;
}
.left_pro #picshow_img li {
	display: none;
}
.left_pro li {
	position: relative;
}
.left_pro li .sub_nav02 {
	position: absolute;
	z-index: 999;
	top: 0px;
	left: 269px;
	display: none;
	width: 370px;
	height: auto;
	background: #fff;
	border: 1px solid #d6dbe1;
	box-shadow: -1px 1px 6px rgba(0, 0, 0, .3);
	padding: 15px 0px 26px;
}
.left_pro li .sub_nav02 dd {
	padding: 0 15px;
	line-height: 22px;
}
.left_pro li .sub_nav02 dd a {
	display: block;
	padding: 6px 0px 6px 30px;
	border-bottom: 1px dotted #ddd;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}
.left_pro li .sub_nav02 dd a:hover {
	color: #c41f0a;
}
.left_pro li:hover .sub_nav02 {
	display: block;
}
.left_pro li dl.sub-list1 {
	top: -29px;
}
.left_pro li dl.sub-list2 {
	top: -64px;
	width: 120px;
}
.left_pro li dl.sub-list3 {
	top: -99px;
	width: 370px;
}
.left_pro li dl.sub-list4 {
	top: -134px;
	width: 300px;
}
.left_pro li dl.sub-list5 {
	top: -100px;
	width: 300px;
}
.left_gallery {
	background: url(../images/bg05.jpg) repeat-x;
	height: auto;
	border: solid 1px #d9d9d9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px 0 0;
	margin: 20px 0 0;
}
.left_gallery .flexslider {
	position: relative;
	padding: 0 30px 30px;
	overflow: hidden;
	margin: 12px 0 0;
}
.left_gallery .flexslider ul li {
	text-align: center;
}
.left_gallery .flexslider ul li a {
	display: block;
}
.left_gallery .flexslider ul li a img {
	width: 100%;
	height: auto;
}
.left_gallery .flex-control-nav {
	display: none;
}
.left_gallery .flex-direction-nav a {
	width: 26px;
	height: 46px;
	overflow: hidden;
	display: block;
	background: url(../images/icons.png) no-repeat;
	z-index: 10;
	position: absolute;
	top: 35%;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
}
.left_gallery .flex-direction-nav .flex-next {
	left: 0;
	background-position: -257px 0;
}
.left_gallery .flex-direction-nav .flex-prev {
	right: 0;
	background-position: -286px 0;
}
.left_contact {
	margin: 20px 0 0;
}
.left_contact .main {
	border: solid 1px #d9d9d9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	margin: 10px 0 0;
}
.left_contact img {
	width: 100%;
	height: auto;
}
.left_contact .main dl {
	position: absolute;
	z-index: 99;
	top: 25px;
	left: 10px;
}
.left_contact .main dl dd i {
	display: inline-block;
	width: 18px;
	height: 16px;
	margin-right: 15px;
	background: url(../images/icons.png) no-repeat;
	vertical-align: middle;
}
.left_contact .main dl dd {
	color: #2b3033;
	font-size: 14px;
	margin-bottom: 16px;
}
.left_contact .main dl dd a {
	color: #2b3033;
}
.left_contact .main dl dd.mail {
	overflow: hidden;
	zoom: 1;
}
.left_contact .main dl dd.mail p {
	float: left;
}
.left_contact .main dl dd span {
	color: #2b3033;
	font-weight: bold;
	font-size: 14px;
}
.left_contact .main dl dd.mail i {
	background-position: -258px -51px;
	float: left;
}
.left_contact .main dl dd.tel i {
	background-position: -258px -83px;
}
.left_contact .main dl dd.fax i {
	background-position: -258px -118px;
}
.left_contact .main dl dd.skype i {
	background-position: -258px -149px;
}
.left_contact .main dl dd a:hover {
	color: #cf2e26;
	text-decoration: underline;
}
.left_honor {
	margin: 20px 0 0;
	text-align: center;
}

.breadcrumbs {
	position: relative;
	z-index: 9;
}
.breadcrumbs span {
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: solid 2px #cf2e26;
}
.breadcrumbs i {
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(../images/icons.png) no-repeat -82px -164px;
	vertical-align: middle;
	margin-right: 5px;
}
.breadcrumbs a:hover {
	text-decoration: underline;
	color: #cf2e26;
}
.sub_main {
	margin: 50px 0 0;
	padding-bottom: 100px;
}
.sub_main_right {
	padding: 20px 0 0;
}
.sub_main_right,
.hotPro_box .scroll {
	border-top: solid 2px #adadad;
	margin: -2px 0 0;
}
.sub_proDetail_box .sub_proDetail_top {
	margin: 4px 0 0px;
}
.proDetail_pic img {
	height: auto!important;
}
.proDetail_text h1 {
	font-size: 20px;
	color: #2b3033;
	padding: 5px 0;
	line-height: 30px;
}
.data {
	border-top: dashed 1px #ccc;
	border-bottom: dashed 1px #ccc;
	padding: 10px 0;
}
.data li {
	padding: 7px 0;
	color: #2b3033;
}
.proDetail_btn {
	margin: 20px 0 15px;
}
.proDetail_btn a {
	display: inline-block;
	width: 135px;
	height: 36px;
	background: url(../images/icons.png) no-repeat;
}
.proDetail_btn .mail {
	background-position: 0 -213px;
	margin-right: 30px;
}
.proDetail_btn .chat {
	background-position: -150px -213px;
}
.sub_proDetail_box .sub_proDetail_main {
	margin: 40px 0 0;
}
.sub_proDetail_main .tab_menu {
	overflow: hidden;
	zoom: 1;
	border: solid 1px #d2d2d2;
	border-bottom: none;
}
.sub_proDetail_main .tab_menu li {
	float: left;
	height: 36px;
	line-height: 36px;
	padding: 0 30px;
	font-size: 14px;
	text-align: center;
	background: #d0d0d0;
	cursor: pointer;
}
.sub_proDetail_main .tab_menu .current {
	color: #fff;
	background: #cf2e26;
	border: none;
}
.sub_proDetail_main .tab_menu .current a {
	color: #fff;
	background: #cf2e26;
	border: none;
}
.sub_proDetail_main .tab_box {
	border: solid 1px #d2d2d2;
}
.sub_proDetail_main .tab_box .hide {
	display: none;
}
.sub_pro_box {
	padding: 0 20px 25px;
	text-align: justify;
	color: #3c3c3c;
	font-size: 14px;
}
.sub_pro_box .infor p {
	color: #2b3033;
	line-height: 24px;
}
.sub_pro_box .infor .table_bg1 table p {
	margin: 0;
}
.sub_pro_box .pro_table {
	width: 100%;
	text-align: center;
}
.table_bg1 table tr {
	height: 28px;
}
.sub_pro_box .table_bg1 td {
	border: solid 1px #000;
	text-align: center;
	font-size: 12px;
}
.sub_pro_box .table_bg1 th {
	font-size: 14px;
	line-height: 36px;
	border: solid 1px #000;
	font-weight: normal;
	text-align: center;
}
.sub_pro_box .table_bg1 .title:hover {
	background: none;
}
.table_bg1 table th {
	font-size: 12px;
	text-transform: uppercase;
	line-height: 22px;
}
.table_bg1 {
	padding-top: 30px;
	width: 100%;
	overflow-x: auto;
}
.sub_inquiry {
	margin: 20px 0 0;
}
.sub_inquiry .title {
	background: #d0d0d0;
	color: #fff;
	height: 36px;
	line-height: 36px;
}
.sub_inquiry .title span {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	background: #cf2e26;
	width: 84px;
	text-align: center;
}
.sub_inquiry .tip {
	margin: 20px 0;
}
.sub_inquiry .tip span {
	color: #2b3033;
	font-size: 14px;
	display: inline-block;
	margin: 0 30px 0 10px;
}
.sub_inquiry .tip span a {
	color: #2b3033;
	font-size: 14px;
}
.sub_inquiry .tip span a:hover {
	text-decoration: underline;
}
.sub_inquiry .tip span i {
	display: inline-block;
	background: url(../images/icons.png) no-repeat;
	vertical-align: middle;
	margin-right: 10px;
}
.sub_inquiry .tip span.mail i {
	width: 23px;
	height: 16px;
	background-position: -217px -174px;
}
.sub_inquiry .tip span.tel i {
	width: 17px;
	height: 17px;
	background-position: -249px -174px;
}
.sub_inquiry .inquirymain {
	border: solid 1px #d2d2d2;
}
.tubiao {
	margin: 0px !important;
	margin-right: 10px !important;
}
#main_case .list .box img {
	background-color: #F3F3F3;
}
.shuiyin {
	left: 0px;
	position: absolute;
	top: 0px;
	background: none;
}

.lx_dz { width:100%; overflow:hidden; margin:0 auto;     padding: 30px 0 20px;}
.lx_dz .dz_map { width:100%; height:370px; overflow:hidden; margin:0 auto; padding:0; border:1px solid #d9d9d9;}</pre></body></html>